<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <!--以最新的IE浏览器引擎去渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!--如果是双核浏览器，则使用webkit内核渲染-->
    <meta name="renderer" content="webkit"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title></title>
    <meta name="description" content=""/>
    <meta name="keyword" content=""/>
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/mystyle.css" />
    <link rel="stylesheet" href="__PUBLIC__/frame/layui/css/layui.css">
    <link rel="stylesheet" href="__PUBLIC__/frame/static/css/style.css">
    <script type="text/javascript" src="__PUBLIC__/js/jquery1.12.4.js"></script>
    <script type="text/javascript" src="__PUBLIC__/frame/layui/layui.js"></script>
    <link rel="icon" href="__PUBLIC__/frame/static/image/code.png">
</head>
<body>
<div class="right">
    <div class="mg60">
        <div class="layui-row">
            <div class="layui-col-md4">
                &nbsp;
            </div>
            <div class="layui-col-md4">
                <div class="sou-main">
                    <header class="layui-elip">门禁记录查询</header>
                    <form class="layui-form" action="__ROOT__/index.php/Home/Jilu/select" method="post" >
                        <div class="layui-input-inline">
                            <select name="diqu" id="diqu">
                                <option value="0">请选择地区</option>                
                                <option value="东城区">东城区</option>
                            </select>
                        </div>
                        <div class="layui-input-inline">
                            <select name="xiaoquid" id="xiaoquid">
                                <option value="0">请选择小区</option>                
                                <option value="1">欢乐颂小区</option>
                            </select>
                        </div>
                        <div class="myui-input-inline">
                            <select name="louhao" id="louhao">
                                <option value="0">楼号</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>

                            </select>
                        </div>
                        <div class="myui-input-inline">
                            <select  size="4" name="danyuanid" id="danyuanid">
                                <option value="0">单元号</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                            </select>
                        </div>
                        <div class="myui-input-inline">
                            <select  size="4" name="fangjianhao" id="fangjianhao">
                                <option value="0">房间号</option>
                                <option value="101">101</option>
                                <option value="102">102</option>
                                <option value="201">201</option>
                                <option value="202">202</option>
                                <option value="203">203</option>
                                <option value="204">204</option>
                            </select>
                        </div>
<!--                         <div class="layui-input-inline">
                            <input type="text" name="account" placeholder="邮箱" autocomplete="off" class="layui-input">
                        </div> -->
                        <div class="layui-input-inline login-btn">
                            <button id="chazhuangtai" type="submit" class="layui-btn">搜索</button>
                        </div>
                    </form>
                </div> 
            </div>
            <div class="layui-col-md4">
                &nbsp;
            </div>
        </div>
    </div>
</div>  
<script type="text/javascript">
    $('#chazhuangtai').on('click',function(){
        //非全空验证
        var diqu = document.getElementById("diqu").value;
        var xiaoquid = document.getElementById("xiaoquid").value;
        var louhao = document.getElementById("louhao").value;
        var danyuanid = document.getElementById("danyuanid").value; 
        var fangjianhao = document.getElementById("fangjianhao").value;

        if (diqu==0 || xiaoquid==0 || louhao==0 || danyuanid==0 || fangjianhao==0) {
            alert("以上项均需选择,请全部选择后再点击搜索");
            return false;
        }      
    }); 
    layui.use(['form'], function () {

        // 操作对象
        var form = layui.form
                , $ = layui.jquery;
    });
</script>
